<template>
	<div class="student">
		<h2>学生姓名：{{name}}</h2>
		<h2>学生性别：{{sex}}</h2>
    <h2>当前求和为:{{number}}</h2>
    <button @click="add">点我number++</button>
    <button @click="sendStudentName">把学生名给App</button>
    <button @click="unbind">解绑lntc事件</button>
    <button @click="death">销毁当前Student组件的实例</button>
  </div>
</template>

<script>
	export default {
		name:'Student',
		data() {
			return {
				name:'邓伦',
				sex:'男',
        number:0
			}
		},
    methods:{
      add(){
        console.log('add回调被调用了')
        this.number++
      },
      sendStudentName(){
        //触发student组件实例身上的lntc事件
        this.$emit('lntc',this.name,666,888,1021)
        // this.$emit('demo',)
        this.$emit('click',)
      },
      unbind(){
        this.$off('lntc')  //解绑一个自定义事件
        // this.$off(['lntc','demo'])  //解绑多个自定义事件
        // this.$off() //不写参数等于解绑所有的自定义事件
      },
      death(){
        this.$destroy()  //销毁了当前Student组件的实例，销毁后所有student实例的自定义事件全都不奏效了。
      }
    }
	}
</script>

<style lang="less" scoped>
  .student{
    background-color:pink;
  }
</style>
